﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="Inventory.view.index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="Content/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <title></title>
    <style>
        body {
            background: #f1f1f1;
        }

        .header {
            min-width: 950px;
            height: 56px;
            margin: 30px 0 10px;
            position: relative;
            z-index: 1000;
        }

            .header article {
                width: 990px;
                margin: 0 auto;
            }

        .header-logo {
            float: left;
            overflow: hidden;
            width: 194px;
            height: 50px;
        }

            .header-logo img {
                height: 50px;
                width: 194px;
            }

        .header-nav {
            float: left;
            margin-left: 20px;
            width: 750px;
        }


        #content {
            width: 1000px;
            margin: 0 auto;
            padding: 0;
            border-radius: 5px;
            border: 1px solid #d7d7d7;
            overflow: auto;
        }

        #left {
            width: 110px;
            float: left;
            min-height: 500px;
            font: 12px/1.5 Tahoma,Helvetica,Arial,'\5b8b\4f53',sans-serif;
        }

            #left .mt-avatar {
                width: 110px;
                margin: 15px 15px 0 15px;
            }

                #left .mt-avatar .mt-avatar-box {
                    position: relative;
                    overflow: hidden;
                    width: 110px;
                    height: 110px;
                    padding: 4px;
                    border: 1px solid #eee;
                    border-radius: 3px;
                    background: #fff;
                }

                    #left .mt-avatar .mt-avatar-box .mt-user-avatar {
                        text-align: center;
                        display: table-cell;
                        vertical-align: middle;
                        width: 100px;
                        height: 100px;
                    }

                    #left .mt-avatar .mt-avatar-box img {
                        vertical-align: middle;
                        max-width: 100px;
                        max-height: 100px;
                        _width: 100px;
                        _height: 100px;
                        display: block;
                    }

        .main-menu {
            margin-top: 30px;
            font-size: 14px;
        }

            

            .main-menu .nav > li > a {
                padding: 5px 15px;
            }

                .main-menu .nav > li > a:hover {
                    color: #f40;
                    background-color: #e6e6e6;
                }

        #main-content {
            width: 885px;
            float: left;
            border: 0!important;
            background: #fff;
            padding: 10px;
        }

        #main-box {
            height: 1000px;
        }


        #foot {
            position: relative;
            margin: 20px auto;
            padding: 7px 0 9px;
            width: 1000px;
            border-top: 2px solid #f40;
            font: 12px/1.5 Tahoma,Helvetica,Arial,'\5b8b\4f53',sans-serif;
        }

        #food .footer-hd {
            padding-right: 69px;
        }

        #foot p {
            margin-bottom: 8px;
            line-height: 27px;
            border-bottom: 1px solid #ddd;
        }
    </style>
</head>
<body>
    <header class="header">
        <article>
            <div class="header-logo">
                <a>
                    <img src="http://img01.taobaocdn.com/tps/i1/T1cT6EXhhpXXcSFIrn-194-35.png" />
                </a>
            </div>
            <nav class="header-nav">
                <nav class="navbar navbar-default" role="navigation" style="margin-bottom: 0px;">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#">Brand</a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li class="active"><a href="#">Link</a></li>
                            <li><a href="#">Link</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">One more separated link</a></li>
                                </ul>
                            </li>
                        </ul>
                        <form class="navbar-form navbar-left" role="search">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search">
                            </div>
                            <button type="submit" class="btn btn-default">Submit</button>
                        </form>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#">Link</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </nav>
            </nav>
        </article>
    </header>
    <div id="content">
        <div id="left">
            <aside class="side-menu">
                <%--<div class="mt-avatar">
                    <div class="mt-avatar-box" id="J_MtAvatarBox">
                        <a class="mt-user-avatar" href="http://i.taobao.com/u/MjIxNzM1MDk0/front.htm?spm=a1z09.2.0.0.bfeiit&amp;tracelog=snshomeside&amp;nekot=1395232675822" target="_blank" data-spm-anchor-id="a1z09.2.0.0">
                            <img src="http://wwc.taobaocdn.com/avatar/getAvatar.do?userId=221735094&amp;width=100&amp;height=100&amp;type=sns"></a>
                        <a class="mt-avatar-operation hide" id="J_MtAvatarOperation" href="http://i.taobao.com/user/headset.htm?nekot=1395232675822&amp;tracelog=newmytb_touxiangxiugai">上传新头像</a>
                    </div>
                    <div class="mt-edit-userinfo">
                        <a href="http://i.taobao.com/user/baseInfoSet.htm?nekot=1395232675822&amp;tracelog=newmytb_bianjiziliao" class="mt-edit-info">编辑资料</a>
                        <a href="http://i.taobao.com/user/privacy_set.htm?nekot=1395232675822&amp;tracelog=newmytb_yinsishezhi" class="mt-edit-private">隐私设置</a>
                    </div>
                </div>--%>
                <div class="main-menu">
                    <ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
                        <%=menuStr %>
                    </ul>
                </div>
            </aside>
        </div>
        <div id="main-content">
            <div id="main-box">
                <iframe src="view/GoodsInfo.aspx?df" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
            </div>
        </div>
    </div>
    <div id="foot">
        <div class="footer-hd">
            <p>
                <a href="//www.taobao.com">淘宝网</a>
                <b>|</b>
                <a href="//www.tmall.com">天猫</a>
                <b>|</b>
                <a href="//ju.taobao.com">聚划算</a>
                <b>|</b>
                <a href="//www.etao.com">一淘</a>
                <b>|</b>
                <a href="//www.alipay.com">支付宝</a>
            </p>
        </div>
    </div>

</body>
<script src="Content/js/jquery-1.7.2.js"></script>
<script src="Content/js/bootstrap.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#main-content iframe").attr("src", $(".main-menu a[issel='true']").attr("url"));
        $(".main-menu a").click(function () {
            $("#main-content iframe").attr("src", $(this).attr("url"));
            $(this).css("color", "#f40");
            $(this).attr("issel", "true");
            $(this).parent().siblings().find("a").css("color", "");
            $(this).parent().siblings().find("a").attr("issel", "false");
        });
    });
</script>
</html>
